<script setup>
import navigationBar from '../components/navigationBar.vue'
import router from "@/router/index.js";
// import '../assets/css/login.css'  // 注释掉原始css导入

function gotoRegister() {
        router.push('/register')
}
function gotoIndex() {
  router.push('/index')
}
</script>
<template>
  <div class="wrapper">
    <!-- header部分 -->
    <div class="bg-[rgb(0,151,255)] h-[75px] text-white text-center  text-[30px] pt-4 ">
      用户登录
    </div>

    <!-- 表单部分 -->
    <div class="form-box mt-7 ml-5">
      <div class="flex text-gray-500 text-[18px] items-center ">
        <div class="font-[550] w-28">
          手机号码：
        </div>
        <div class="content flex-1 ">
          <input type="text" placeholder="手机号码" class="flex-1 w-[95%]">
        </div>
      </div>
      <div class="flex  text-gray-500 mt-5 text-[18px]  items-center">
        <div class="font-[550] w-28">
          密码 ：
        </div>
        <div class="content flex-1 ">
          <input type="password" placeholder="密码" class="flex-1 w-[95%]">
        </div>
      </div>
    </div>

    <div class="button-login w-[96%] bg-green-500 h-[50px] text-white text-center mt-3 ml-[2%] p-[10px] text-[19px] font-[550]">
      <button @click="gotoIndex">登录</button>
    </div>
    <div class="button-register button-login w-[96%] h-[50px] bg-gray-200 text-gray-500 text-center mt-3 ml-[2%]  p-[10px] text-[19px] font-[550]">
      <button @click="gotoRegister">去注册</button>
    </div>
    <navigationBar></navigationBar>
  </div>
</template>

<style scoped>

</style>